{extend name="public/base"/}
{block name="body"}
<style>
    .liaoTian{
        padding-top:5em;
    }
    .liaoTian .neirong .left{
        line-height:3em;
        padding:0;
    }
    .liaoTian .neirong .right{
        line-height:3em;
        text-align:right;
        padding:0;
    }
    .liaoTian .shuru{
        background: #ddd;
        height: 3em;
        position: fixed;
        bottom: 3.5em;
        z-index: 30;
        width: 100%;
    }
    .liaoTian .shuru .form-control,.liaoTian .shuru .btn-primary{
        margin-top:.3em;
        margin-left:.3em;
    }
</style>
<div class = "liaoTian">
    <div class = "neirong">
        <div class = "row">
            <div class = "col-xs-3"><img src="__IMG__/slide1.png" class = "img-circle touxiang"/></div>
            <div class = "col-xs-9 left">早上吃饭了吗？</div>
        </div>
        <div class = "row">
            <div class = "col-xs-9 right">早上吃饭了吗？</div>
            <div class = "col-xs-3"><img src="__IMG__/slide1.png" class = "img-circle touxiang"/></div>
        </div>
    </div>
    <div class = "shuru row">
        <div class = "col-xs-9"><input  class = "form-control" autofocus/></div>
        <div class = "col-xs-2"><button class = "btn btn-primary">发送</button></div>
    </div>
</div>
{/block}
